<template>
<a href="about.html">
	<div class="claim clearFloat">
	  <div class="listItem" id="1">
		  <div class="list-left fl">
			  <p class="title">给我一个建议</p>
			  <p class="f14">2017-05-31</p>
			  <p class="f14">高新园科技路高新二道</p>
			</div>
			<div class="right-list">
			  1000元
			</div>
		</div>
	</div></a>
</template>

<script>
import slideDel from '../../libs/slideDel.js'
export default {
	components: {
		},
	ready: function () {
	var qslide = new slideDel.qSlide('listItem',function(){alert("ok")});
		},
	data () {
		return {

		}
	},
	//获取当前城市
	methods: {

	}
}
</script>

<!-- 加入scoped是为了防止本组件中的css渗透到其他组件，可以去掉看看结果 -->
<style scoped>
	.clearFloat:after,.listItem:after{
	content:'';
	display:block;
	clear:both;
	hisibility:hidden;
	}
	a{color:#333;}
	.txr{text-align:right;}
	.fl{float:left;}
	.fr{float:right;}
	.mt2{margin-top:2px;}
	.mt10{margin-top:10px;}
	.mr10{margin-right:10px; vertical-align:middle;}
	.listItem{background-color:#fff;padding:8px;margin-top:5px;}
	.listItem p{padding:0;margin:2px;}
	.title{font-weight:bold;font-size:18px;}
	.f14{font-size:14px;color:#888888;}
	.list-left{width:80%;}
	.right-list{width:20%;color:#d0011b;font-size:18px;vertical-align:middle;height:68px;line-height:68px;float:right;text-align:right;}
</style>
